<!DOCTYPE html>
<html lang="zh">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui" />
    <meta name="keywords" content="select" />
    <meta name="description" content="select" />
    <title>用户登录</title>
    <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <!-- 引入 bootstrap 样式 -->
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />

    <link rel="stylesheet" type="text/css" href="../css/style.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/userLogin.css" />
</head>

<body>
    <div class="container-fluid">
        <div class="page-header">
            <div class="company-name">
                <img src="../images/logo.png" alt="" />
                <span>山西省农机购置与应用补贴申请办理服务系统（2021-2024）</span>
            </div>
            <div class="version">版本号：（23.08.07.1）</div>
        </div>

        <div class="page-content">
            <div class="page-bg-img">
                <img src="../images/login/gl_2.png" alt="" />
            </div>
            <div class="login-box">
                <div class="login-header">
                    <span>管理用户登录</span>
                </div>

                <div class="login-content">
                    <div class="item">
                        <div class="label">登录名:</div>
                        <div class="con">
                            <i class="int-before user"></i>
                            <input id="loginName" class="" type="text" placeholder="请输入登录名" onblur="blurVerify(this)" />
                        </div>
                    </div>
                    <div class="item">
                        <div class="label">密码:</div>
                        <div class="con">
                            <i class="int-before pwd"></i>
                            <input id="loginPwd" class="" type="password" placeholder="请输入密码"
                                onblur="blurVerify(this)" />
                            <!-- <span class="error-tip">密码不能为空</span> -->
                        </div>
                    </div>
                    <div class="item">
                        <div class="label">验证码:</div>
                        <div class="con">
                            <i class="int-before yzm"></i>
                            <input id="loginYzm" class="" type="text" placeholder="请输入验证码" onblur="blurVerify(this)" />
                            <div class="verify-img">
                                <img src="../images/login-bg-1.jpg" alt="" />
                            </div>
                            <!-- <span class="error-tip">验证码不能为空</span> -->
                        </div>
                    </div>
                </div>

                <div class="login-footer">
                    <button class="btn btn-primary" onclick="login()">
                        登录
                    </button>
                    <div>
                        <a class="btn btn-link">找回账号</a>
                        <span>|</span>
                        <a class="btn btn-link">找回密码</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="page-footer">
            <div>
                技术支持：山西万鸿科技有限公司（
                <a href="##">各省联系方式 </a>
                <a href="##">关于我们 </a>）
            </div>
            <div>客服热线：400-056-0569</div>
        </div>
    </div>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/main.min.js"></script>
    <script type="text/javascript" src="../js/userLogin.js"></script>
</body>

</html>